<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人资料-安全</title>
    <link rel="stylesheet" href="../../css/person-info/person-info.css">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../css/nav/nav.css">
</head>

<body>

    <!-- 响应式导航 begin -->
    <div class="o-header">
            <div class="o-header-inner">
                <div class="layui-header header header-index">
                    <a class="logo" href="../../index.html">
                        KeepMoving
                    </a>
    
                    <ul class="layui-nav layui-layout-right">
                        <li class="layui-nav-item"><a href="../../index.html">首页</a></li>
                        <li class="layui-nav-item">
                            <a href="../plan/plan-index.html">训练计划</a>
                        </li>
                        <li class="layui-nav-item">
                            <a href="../action/fit-action.html">健身动作</a>
                        </li>
                        <li class="layui-nav-item"><a href="../food/food.html">饮食健康</a></li>
                        <li class="layui-nav-item ">
                            <a href="../user/login.html">登录</a>
                        </li>
                        <li class="layui-nav-item ">
                            <a href="../user/register.html">注册</a>
                        </li>
                        <li class="layui-nav-item layui-this">
                            <a href="javascript:;"><img src="../../imgs/person-center/girl.jpg" class="layui-nav-img">我</a>
                            <dl class="layui-nav-child">
                                <dd><a href="../person/person-center.html">个人中心</a></dd>
                                <dd><a href="../person/person-info-profile.html">账号设置</a></dd>
                                <dd><a href="">退出账号</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 响应式导航 end -->

    <div class="km">
        <div class="o-personal page">
            <div class="inner">
                <!--面包屑导航开始-->
                <div class="daohang">
                        <span class="layui-breadcrumb">
                            <a href="../person/person-center.html">个人中心</a>
                            <a><cite>基本信息</cite></a>
                        </span>
                    </div>
                    <!-- 面包屑导航结束 -->
                <div class="o-personal-bd">
                    <div class="col-main">
                        <div class="o-user-form base-profile">
                            <div class="account-basic-wrapper">
                                <div class="section">
                                    <div class="prop-info">
                                        <i></i>
                                        <div class="desc highlight">
                                            <h4>安全手机: <span>157****7944（未验证）</span></h4>
                                            安全手机可以用于登录账号，重置密码或其它安全验证
                                        </div>
                                    </div>
                                    <div class="action action-mobile">
                                        <a class="btn-primary check" data-mobile="3456789098764" href="">立即验证</a>
                                    </div>
                                </div>
                                <div class="section">
                                    <div class="prop-info">
                                        <i></i>
                                        <div class="desc highlight">
                                            <h4>账号密码</h4>
                                            用于保护账号信息和登录安全
                                        </div>
                                    </div>
                                    <div class="action">
                                        <a class="btn-primary change" href="">修改</a>
                                    </div>
                                </div>
                                <div class="item weixin">
                                    <div class="prop-info">
                                        <span class="icon"></span>
                                        <span class="status">未授权</span>
                                        <span class="name">昵称：--</span>
                                    </div>
                                    <div class="action action-weixin">
                                        <a class="btn-primary" href="">获取授权</a>
                                    </div>
                                </div>
                                <div class="item qq">
                                    <div class="prop-info">
                                        <span class="icon"></span>
                                        <span class="status">未授权</span>
                                        <span class="name">昵称：--</span>
                                    </div>
                                    <div class="action action-qq">
                                        <a class="btn-primary" href="">获取授权</a>
                                    </div>
                                </div>
                                <div class="item weibo">
                                    <div class="prop-info">
                                        <span class="icon"></span>
                                        <span class="status">未授权</span>
                                        <span class="name">昵称：--</span>
                                    </div>
                                    <div class="action action-weibo">
                                        <a class="btn-primary" href="">获取授权</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-aside">
                        <div class="o-personal-nav">
                            <ul>
                                <li><a href="../person/person-info-profile.html"><em><i></i>基本资料</em></a></li>
                                <li><a href="../person/person-info-fitness.html"><em><i></i>身体素质</em></a></li>
                                <li class="cur"><a href=""><em><i></i>账号设置</em></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../../plugins/layui/layui.js"></script>
    <script src="../../js/nav/nav.js"></script>

</body>

</html>